@charset "utf-8";
*{ margin:0; padding:0;}
html,body{width: 100%;height: 100%;}
body,header,footer,section,div,span,p,img,a,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,em,i,b,u,del,menu,nav,fieldset,legend,article,aside,details,figcaption,hgroup,pre,code,from,blockquote,th,td,tr,hr,table,img,figure,button,input,textarea{padding:0;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:"\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei",Helvetica,tahoma,arial,"Hiragino Sans GB", "\5B8B\4F53";}
body{background-color:#f6f6f6;padding: 0; width:100%;min-width: 300px; max-width: 640px;margin: 0 auto; color:#323232; line-height:20px; overflow-x:hidden;}
input,textarea{-webkit-user-select:auto !important;user-select:auto !important;}
:focus{outline:none;}
img{vertical-align:middle;border:0 none; max-width:100%;}
ul, li, ol{list-style:none;}
a{text-decoration:none;color:inherit; color:#333;}
section{display:block;margin:0 auto;}
header,footer{margin:0 auto;width:100%;}
em,i{font-style:normal;}
button,input{border:0 none;}
u,del{text-decoration:none;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="password"],input[type="text"],button{-webkit-appearance:none;outline:none;}
html,body{font-size:13px;}
/**header**/
.head {background:#fff;position: fixed; width: 100%;z-index: 5;overflow: hidden;}
.head h1 {font-size: 1.3rem;font-weight: normal;padding: 0 4rem; line-height:40px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.head .back {background:url(../images/back.png) no-repeat 0 center / 9px 17px;height: 40px;left: 10px; overflow: hidden; position: absolute; text-indent: -999rem;top: 0; width: 20px;z-index: 20;}
.chat_content{ padding:50px 10px;}
.chat_content .content li{position:relative; margin:0 0 13px 0; min-height:50px; zoom:1;}
.chat_content .content li:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.imgleft,.imgright { position:absolute; top:0;width: 40px;height: 40px; -moz-border-radius:3px; border-radius:3px;}    
.chat_content .content li .spanleft,.chat_content .content li .spanright{padding:10px; border-radius: 5px;-webkit-box-shadow: 2px 2px 2px #ccc;box-shadow: 2px 2px 2px #ccc;position:relative; }    
.chat_content .content li img.imgleft {left:0;}    
.chat_content .content li img.imgright {right:0;}    
.chat_content .content li .spanleft{ display:inline-block; margin:0 0 0 55px;background: #fff;}    
.chat_content .content li .spanright{ float:right; margin:0 55px 0 0; display:inline-block;background: #ffd54d;}
.chat_content .content li .spanleft:after{content: '\25C6';font-size: 30px;color:#fff; position:absolute; top:10px; left:-9px;}
.chat_content .content li .spanright:after{content: '\25C6';font-size: 30px;color:#ffd54d; position:absolute; top:10px; right:-9px;}
.historytime{ padding:15px 0; text-align:center;}
.historytime span{ display:inline-block; padding:3px 5px; color:#fff; background:#bebebe; -webkit-border-radius:3px; border-radius:3px; font-size:0.9rem;}
.footer{position:fixed; z-index:999; width:100%; background: #fff; padding:6px 0; left:0; bottom: 0;}
.footer .addbtn{ position:absolute; top:6px; left:5px; display:block; width:25px; height:30px; background:url(../images/chat_btn1.png) no-repeat 0 center/25px 25px; border:0; cursor:pointer;}
.footer .addbtn2{ position:absolute; top:6px; right:52px; display:block; width:25px; height:30px; background:url(../images/chat_btn2.png) no-repeat center center/23px 23px; border:0; cursor:pointer;}   
.footer .text{ margin:0 85px 0 35px;}
.footer .text input{ display:block; width:100%; border-bottom:1px solid #9da4b2; height:28px; line-height:28px; background:none; text-indent:10px; color:#333;}  
.footer .btn {position: absolute;right: 5px; top: 6px;display:block;width: 40px;height: 30px;background: #ff5000;line-height: 30px;cursor: pointer;text-align: center; -webkit-border-radius: 5px;border-radius: 5px; color:#fff;-webkit-box-shadow: 0px 2px 2px #ccc;box-shadow: 0px 2px 2px #ccc;}   


@media screen and (min-width:640px)
{
.head,.footer{ width:640px;left:50%; margin-left:-320px;}
}
.biaoqing{
	display: none;
}
.hidden{
	overflow: hidden;
	padding-left: 18px;
	padding-top: 10px;
	
}
.hidden li{
	float: left;
	line-height: 35px;
	padding: 0 5px;
	box-sizing: border-box;
}
